<!DOCTYPE html>
<html lang='en'>
    <head>
        <meta charset='UTF-8'>
        <meta http-equiv='X-UA-Compatible' content='IE=edge'>
        <meta name='viewport' content='width=device-width, initial-scale=1.0'>
        <!-- <link rel='shortcut icon' href='https://soo.run/q6f2m' type='image/x-icon'/> -->
        <link rel='shortcut icon' href='https://soo.run/u3rwf' type='image/x-icon'/>
        <script src='https://cdnjs.cloudflare.com/ajax/libs/vue/2.7.10/vue.min.js'></script>
        <title>Fliqlo</title>
        <link rel="stylesheet" href="./css/flipclock.css" />
        <link rel="stylesheet" href="./css/style.css" />
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
        <!-- <script src="./js/jquery.min.js"></script> -->
        <script src="./js/flipclock.js"></script>
    </head>
    <body>
        <div id="box">
            <div id="content">
                <div class="clock" id="flipclock"></div>
                <h3 class="date" id="ShowDate"></h3>
            </div>
        </div>
        <script type="text/javascript">
            // mobile
            if (
                /Android|webOS|iPhone|iPod|BlackBerry/i.test(
                    navigator.userAgent
                )
            ) {
                document
                    .getElementById("flipclock")
                    .setAttribute("style", "zoom:1.5;");
                document
                    .getElementById("ShowDate")
                    .setAttribute("style", "zoom:1.5;");
            }
            var clock;
            $(document).ready(function () {
                clock = $(".clock").FlipClock({
                    clockFace: "TwentyFourHourClock",
                    showSeconds: false,
                });
            });
            // var month = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'June', 'July', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec'];
            // var week = ['Mon', 'Tues', 'wed', 'Thur', 'Fri', 'Sat', 'Sun'];
            var d = new Date();
            document.getElementById("ShowDate").innerHTML =
                d.getFullYear() +
                "年" +
                (d.getMonth() + 1) +
                "月" +
                d.getDate() +
                "日" +
                "&nbsp;&nbsp;&nbsp;&nbsp;星期" +
                "日一二三四五六".charAt(new Date().getDay());
            // document.getElementById('ShowDate').innerHTML = d.getFullYear() + "-" + month[d.getMonth()] + "-" + d.getDate() + ', ' + week[d.getDay()];
        </script>
    </body>
    </body>
</html>
